<template>
    <div class="Home">
      <div v-if="isShow" class="loading">
          <vue-loading 
            type="spiningDubbles" color="#ccc"
            :size="{ width: '50px', height: '50px' }"></vue-loading>
      </div>
      <home-header/>
      <Content />
      
      <!-- <home-swiper/> -->
      <!-- <home-icons/> -->
    </div>
</template>

<script>
import HomeHeader from '../common/Header'  
import Content from './components/Content'



export default {
  name: "Home",
  components:{
    HomeHeader,
    Content
    // HomeSwiper
  },
  data(){
    return {
      isShow:true
    }
  },
  mounted(){
    this.bus.$on('changeIsShow',(bol)=>{
        this.isShow = bol
          
    });
    
    
  }
 
};
</script>

<style lang="stylus" scoped>
.loading
  position :fixed
  width 100%
  height 100%
  padding-top 20%
  background rgba(0,0,0,.1)
  z-index 999
</style>